$(window).ready(function(){
    $(document).foundation();
    
    setSlidersWidth();
    setSlidersImagesEffects();
    checkTime();
});


function checkTime()
{
   var now = new Date(); 
   var hour    = now.getHours();
   var minute  = now.getMinutes();
   var second  = now.getSeconds(); 

    if(hour.toString().length === 1) {
        var hour = '0'+hour;
    }
    if(minute.toString().length === 1) {
        var minute = '0'+minute;
    }
   if(second.toString().length === 1) {
        var second = '0'+second;
    }
   $("#time").html(hour+':'+minute+':'+second);
   setTimeout(checkTime, 1000);
}

/**
 * Fonction permettant de calculer la taille des sliders (activation du scroll)
 */
function setSlidersWidth()
{
    if($(".slider").length > 0)
    {
        // calcul de la longueur des sliders en fonction du nombre d'image
        $(".slider .slider-content").each(function() {
            var nbImg = $(this).children().length;
            var widthImg = $(this).children().first().width();

            $(this).width(nbImg*20+nbImg*widthImg+20);
        });
    }
}

/**
 * Fonction permettant de mettre en place les effets sur les différents sliders de l'appli
 */
function setSlidersImagesEffects()
{
   if($(".slider").length > 0)
   {
       // effet 1: popup des images
       $(".slider .slider-content .slide").click(function() {
           if($('#popup-img').length > 0)
           {
               $("body").remove("#popup-img");
           }
           
           var popupHtml = "<div id='popup-img' class='popup-img'>\n\
                <div class='popup-img-bg'></div>\n\
                <div class='popup-img-content'>\n\
                    <div class='popup-img-close'>Fermer</div>\n\
                    <img src='"+$(this).data("defaultpath")+"' alt='"+$(this).data("defaultalt")+"' title='"+$(this).data("defaultalt")+"'>\n\\n\
                    <p>"+$(this).data("defaultalt")+"</p>\n\
                </div>\n\
            </div>";
           
            $("body").html(popupHtml + $("body").html());
            $("#popup-img .popup-img-content").click(function(){
               $("body").remove("#popup-img"); 
            });
        });
       
       // effet 2: description fade
   }
}